
<template>
    <div class="personalCourseList">
        <!-- 搜索栏 -->
        <div class="invite-sub">
            <img class="invite-logo" src="../../static/image/icon-title.png" alt="">
            <span class="inviteSearch">
            <input type="text" placeholder="搜索">
            <img src="../../static/image/sousuo.png" alt="">
            </span>
        </div>
        <!-- 搜索栏 end-->
        <div class="pageDetail">
            <div class="titleAll ">
                <div class="public-header">
                    <div class="public-header-ch">个人课程列表</div>
                    <div class="public-header-en">PERSONAL&nbsp;&nbsp;COURSE&nbsp;&nbsp;LIST</div>
                    <div class="public-header-line"></div>
                </div>
            <!-- <img src="../../static/image/icon-title.png"> -->
            </div>
        </div>

        <div class="personal" >
            <span class="selfimg" ><img :src="headPictureUrl" alt=""></span>
            <span>{{thisname}}</span>
            <span>{{thisnumber}}</span>
            <span>{{thissex}}</span>
            <span>{{thisbranch}}</span>
            <span>{{thispost}}</span>
            <span>{{thistime}}</span>
            <span>
            <el-switch            
                v-model="value5"
                active-color="#6F788F"
                inactive-color="#FF834D"             
               
                active-value="1"
                inactive-value="2"
                >
            </el-switch>
            </span>
        </div>

        <div class="courseTitle">
            <span>课程名称</span>
            <span>课程开始时间</span>
            <span>课程结束时间</span>
            <span>人数</span>
            <span>课程种类</span>
            <span>管理操作</span>
        </div>
        <div class="courseList">
            <p v-for="(list,index) in listtwos" :key="index">
                <span>{{list.coursename}}</span>
                <span>{{list.startime}}</span>
                <span>{{list.endtime}}</span>
                <span>{{list.people}}</span>
                <span>{{list.kind}}</span>
                <span>
                    <button>个人报告</button>
                    <button>成绩</button>
                </span>
            </p>
        </div>

        <!-- <div class="bestswitch"> 
            <el-table
                :data="csData"
                tooltip-effect="dark"
                border
                stripe
                style="width: 100%">
                <el-table-column type="index" label="序号" align="center" width=""></el-table-column>
                <el-table-column prop="name" label="名称" header-align="center" align="right"></el-table-column>
                <el-table-column label="操作" align="center" width="">
                <template slot-scope="scope">
                    <el-switch
                    v-model="scope.row.on"
                    on-color="#00A854"
                    on-text="启动"
                    on-value="1"
                    off-color="#F04134"
                    off-text="禁止"
                    off-value="0"
                    @change="changeSwitch(scope.row)">
                    </el-switch>
                </template>
                </el-table-column>
            </el-table>

            <el-switch @change="test" on-value="2" off-value="3" v-model="value1">
        </div> -->

    </div>
</template>
<script>
export default{
  data(){
    return{
        
    //     csData: [
    //     {
    //       name: '一',
    //       on: '0'
    //     },
    //     {
    //       name: '二',
    //       on: '1'
    //     }
    //   ],

        value5: '1',
        headPictureUrl:"../../static/image/icon-title.png",
        thisname:'温栩枫',
        thisnumber:'13845824568',
        thissex:'女',
        thisbranch:'财务部',
        thispost:'财务总监',
        thistime:'2018/06/19',


        listtwos:[
            {coursename:'《像CEO一样思考》商战模拟 公开课',startime:'2017/10/05 9:30',endtime:'2017/10/05 9:30',people:'16/16',kind:'MarkSimos'},
            {coursename:'《像CEO一样思考》商战模拟 公开课',startime:'2017/10/05 9:30',endtime:'2017/10/05 9:30',people:'16/16',kind:'MarkSimos'},
            {coursename:'《像CEO一样思考》商战模拟 公开课',startime:'2017/10/05 9:30',endtime:'2017/10/05 9:30',people:'16/16',kind:'MarkSimos'},
        ],

    }
  },
  methods:{
    // test (val) {
    //     console.log(val)
    // },
    // changeSwitch (data) {
    //   console.log(data)
    // }
  },
  mounted(){
    
  }
}

</script>
